﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="ReporteTrafico.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
    <!--
    Designed by CompanyName
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>..:: ReporteTráfico.com ::.. - Inicio de Sesión </title>

    <script type="text/javascript" src="script.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />

  </head>
<body>
    <form id="formLogin" runat="server">
<div id="art-page-background-simple-gradient"></div>
    <div id="art-main">
        <div class="art-Sheet">
            <div class="art-Sheet-tl"></div>
            <div class="art-Sheet-tr"></div>
            <div class="art-Sheet-bl"></div>
            <div class="art-Sheet-br"></div>
            <div class="art-Sheet-tc"></div>                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <div class="art-Sheet-bc">
                They seem to make lots of good <a href="http://www.flashmint.com/">flash 
                templates.</a> </div>
            <div class="art-Sheet-cl"></div>
            <div class="art-Sheet-cr"></div>
            <div class="art-Sheet-cc"></div>
            <div class="art-Sheet-body">
                <div class="art-Header">
                    <div class="art-Header-jpeg"></div>
                    <div class="art-Logo">
                        <h1 id="name-text" class="art-Logo-name">ReporteTráfico.com</h1>
                        <div id="slogan-text" class="art-Logo-text">el reporte del tráfico en tus manos...</div>
                        
                    </div>
                </div>
            
                <div class="art-contentLayout">
                    <div class="art-content">
                        <div class="art-Post">
                            <div class="art-Post">            
                            <div class="art-PostContent">
                                <div>       
                                <!-- Aqui va el contenido -->          
                                    <table width="100px">
                                        <tr>
                                          <td><h2>Usuario</h2></td>
                                           <td>     
                                                <asp:TextBox ID="TextBoxUsuario" runat="server" MaxLength="20" Width="134px" BorderColor="#FFCC00" BorderStyle="Solid" BorderWidth="2"></asp:TextBox>
                                                
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidatorUsuario" runat="server" 
                                                         ControlToValidate="TextBoxUsuario" ErrorMessage="* Debe especificar un nombre de Usuario" 
                                                         ForeColor="#FFCC00"></asp:RequiredFieldValidator>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><h2>Contraseña</h2></td>
                                            <td>
                                                <asp:TextBox ID="TextBoxContraseña" runat="server" TextMode="Password" 
                                                    MaxLength="10" Width="134px" BorderColor="#FFCC00" BorderStyle="Solid" BorderWidth="2"></asp:TextBox>
                                                
                                                 <asp:RequiredFieldValidator ID="RequiredFieldValidatorContraseña" runat="server" 
                                                         ControlToValidate="TextBoxContraseña" ErrorMessage="* Debe especificar una Contraseña  " 
                                                         ForeColor="#FFCC00"></asp:RequiredFieldValidator>
                                                         
                                            </td>
                                        </tr>
                                    </table>
                                    
                                    <table width="320px">    
                                        <tr>
                                            <td align="center">
                                                <span class="art-button-wrapper">
                                			        <span class="l"> </span>
                                			        <span class="r"> </span>
                                			        <asp:Button ID="ButtonIniciarSesion" CssClass="art-button" runat="server" Text="Iniciar Sesión" OnClick ="Button_IniciarSesion"/>
                                		        </span>
                                		    </td>
                                         </tr>
                                    </table>       
                                <!-- hasta aqui va el contenido --> 
                            </div>
                            
                            <div class="cleared"></div>
                        </div>
                        
                        </div>

                    </div>
                    <br />
                    <br />
                  
                                    <div class="art-BlockContent-bc"></div>
                                    <div class="art-BlockContent-cl"></div>
                                    <div class="art-BlockContent-cr"></div>
                                    <div class="art-BlockContent-cc"></div>
                                    <div class="art-BlockContent-body">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                <div class="cleared"></div>
                
                <div class="art-Footer">
                    <div class="art-Footer-inner">
                        <div class="art-Footer-text">
                            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">
                                Trademarks</a>
                                | <a href="#">Privacy Statement</a><br />
                                Copyright © 2009 . All Rights Reserved.</p>
                        </div>
                    </div>
                    </div>
                    <div class="art-Footer-background"></div>
                
                
                
        <div class="cleared"></div>
        <p class="art-page-footer">XHTML and CSS valid. Powered by <a href="http://www.flashmint.com/">
            FlashMint</a> - flash web templates provider.</p>
   
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">
    free website templates</a>.</div>
        
    </form>
</body>
</html>